//头部公共样式
.top-bar{
				padding-top: var(--status-bar-height);
				z-index:1;
				position: fixed;
				width: 100%;
				display: flex;
				height: 88rpx;
				justify-content: space-between;
				align-items: center;
				background-color: #FFFFFF;
				box-shadow: 0px 1px 0px 0px rgba($color: #8f8f8f, $alpha: 0.1);
				.top-bar-left{
					flex: 1;
					image{
						width: 68rpx;
						height: 68rpx;
						border-radius: 50%;
						margin-left: 20rpx;
					}
				}
				.top-bar-center{
					flex: 1;
					text-align: center;
				}
				.top-bar-right{
					flex: 1;
					display: flex;
					justify-content: flex-end;
					.search{
						width: 88rpx;
						height: 88rpx;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					.add{
						height: 88rpx;
						width: 88rpx;
						display: flex;
						justify-content: center;
						align-items: center;
					}
					image{
						width: 52rpx;
						height: 52rpx;
						border-radius: 52rpx;
					}
				}
}